/* pages/my/my.wxss */
 .grid-box{
    background: linear-gradient( 180deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.4) 100%);
    box-shadow: 0rpx 0rpx 20rpx 2rpx rgba(236,236,236,0.3);
     border-radius: 40rpx;
 }
 .grid {
   display: flex;
   flex-wrap: wrap; /* 允许换行 */
   justify-content: space-between; /* 子元素之间的间距 */
 }
 
.sub-tit{
   font-weight: 600;
   font-size: 28rpx;
   color: #333333;
   padding: 32rpx;

} /* 网格项样式 */
 .grid-item {
   width: 32%; /* 每个网格项占总宽度的三分之一 */
   text-align: center;
   margin-top: 32rpx;
 }
 
 /* 图片样式 */
 .grid-image {
   width: 80rpx;
   height: 80rpx;
   object-fit: cover;
   margin: 0 auto;
 }
 
 /* 文字样式 */
 .grid-text {
   padding: 20rpx;
   font-size:24rpx;
   color: #333333;
   display: block;
 }
 
 /* 媒体查询，确保在小屏幕上也能正常显示 */
 // @media (max-width: 480px) {
 //   .grid-item {
 //     width: 48%; /* 在小屏幕下每个网格项占总宽度的一半 */
 //   }
 // }
 .top-box{
  padding: 60rpx 30rpx;
  position: relative;
}           
 .head-img{
   width: 120rpx;
   height: 120rpx;
   border-radius: 50%;
   margin-right: 20rpx;
 }
 .fen-btn{
   padding: 4rpx 8rpx;
   background: linear-gradient( 180deg, #FEE59A 0%, #FDC237 100%);
   border-radius: 200rpx;
   text-align: center;
 }
 .car-del-icon{
  position: absolute;
  width: 70rpx;
  height: 70rpx;
  text-align: center;
  line-height: 70rpx;
  right: 30rpx;
  top: 50rpx;
}
 .mid-box{
  width: 100%;
  padding-top: 32rpx;
  height: 314rpx;
  background: linear-gradient( 179deg, #42A0B4 0%, #B2F2FF 100%);
  box-shadow: 0rpx 0rpx 20rpx 2rpx rgba(236,236,236,0.3);
  border-radius: 32rpx 32rpx 32rpx 32rpx;
  margin-bottom: 30rpx;
  position: relative;
 }
 .mid-sub-box{
  width: 100%;
  height:210rpx;
  background: linear-gradient( 180deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.4) 100%);
  border-radius: 32rpx;
  margin-top: 25rpx;
  position: absolute;
  bottom: 0;
  left: 0;
 }

 .tixian-btn1{
  padding:0 20rpx; color: #62C0CB;
 }
 .title{
     width: 100%;
     height: 128rpx;
     text-align: center;
     line-height: 128rpx;
     font-size: 32rpx;
     font-weight: 600;
     padding-top: 30rpx;
 }
 .add-car{
  width: 100%;
  height: 92rpx;
  line-height: 92rpx;
  background: linear-gradient( 180deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.4) 100%);
  border-radius: 20rpx;
  margin-top: 40rpx;
  text-align: center;
  font-size: 32rpx;
  color: #666666;
}